<script lang="ts" setup>
import CommunityContent from '@/views/community/components/community-content.vue';
import CommunityLeft from '@/views/community/components/community-left.vue';
import CommunityRight from '@/views/community/components/community-right.vue';
</script>

<template>
  <div class="community">
    <community-left />
    <community-content />
    <community-right />
  </div>
</template>

<style lang="scss" scoped>
.community {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 25px;
  width: 100%;
  height: 100%;

  @include view-style-default(530px, 926px, #0e5fff33);
}
</style>
